<template>
  <div class="data">
      <i class="el-icon-info"></i>
      <span class="span">数据一共{{totala}}条</span>
    </div>
</template>

<script>
export default {
  name: 'page',
  data () {
    return {
      totala: ''
    }
  },
  props: ['value'],
  methods: {},
  watch: {
    value () {
      // console.log(this.value)
      this.totala = this.value
    }
  }
}
</script>

<style scoped lang='scss'>
//数据条样式
.data {
  display: flex;
  width: 100%;
  padding: 8px 16px;
  background-color: #f4f4f5;
  color: #909399;
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 20px;
  .span {
    margin-left: 10px;
  }
}

</style>
